@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
h1, h2, h3, h4, h5, h6 { 
font-family: 'Open Sans', sans-serif !important;
}
h3 {font-size: 1.5em;}

@media screen and (max-width: 600px) {
    #freshworks-container {
        display:none;
    }
}



html {
	background-color: #f8f9fa;
	/* background-image: url(../images/dame.png);
	background-position: bottom right;
	background-repeat: no-repeat; */
	font-family: 'Open Sans', sans-serif;
	min-height: 100%;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


input {
	font-family: 'Open Sans', sans-serif;
}

select.uk-form-large, select.uk-form-xlarge {
    -webkit-appearance: menulist-button;
}

input:not([type]).uk-form-large, input[type].uk-form-large, select.uk-form-large, select.uk-form-xlarge, textarea.uk-form-large {
    height: 40px;
    padding-left: 8px;
    padding-right: 3%;
    font-size: 16px;
    font-weight: 600;
}

*+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {margin-top:0px;}

.light {color:white!important;}

.headerbg {background-color:#142A35; }
.headerbalk {height: 125px;}

.bg-purple {background-color:#6b46bc; }
.grib-upgrade {color: #FFFFFF;}
.grib-upgrade a {padding:20px;color:#FFFFFF;font-size: 20pt;font-weight: 700;display: block;width: 100%;}

.upgrade-button {position: absolute;top:0px;right: 30px;color:white;padding:7px;border-radius: 10px;border-top-right-radius: 0px;
border-top-left-radius: 0px;border:1px solid white;border-top:0px;display: block;
background-color: #0f9e5b;font-size: 10pt;font-weight: 700;text-align: center;padding-right: 10px;padding-left: 10px;}
.upgrade-button:hover {background-color:#142A35;color: #FFFFFF;}


.uk-navbar {
	background-color: transparent;
}

.uk-navbar-nav>li>a {
    font-family: 'Open Sans', sans-serif;
	color:white;
	font-size: 0.8em;
}

.uk-navbar-nav>li.uk-active>a {background-color: transparent;}

.uk-navbar-nav>li:hover >a{color: #0f9e5b; background-color: transparent;}

.navigatie, 
.navigatie li, 
.navigatie li a 
{
    height: 125px;
    line-height: 125px;
}

.gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#142a35+0,448ccb+100 */
background: #142a35; /* Old browsers */
background: -moz-linear-gradient(top, #142a35 0%, #448ccb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #142a35 0%,#448ccb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #142a35 0%,#448ccb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142a35', endColorstr='#448ccb',GradientType=0 ); /* IE6-9 */
}
.header h1 {color:#FFFFFF;}
li.gradient {border-bottom:0px solid #44c0bd;
	border-top:0px solid #44c0bd;

background: -moz-linear-gradient(left, transparent 0%, transparent 0%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, transparent 0%,transparent 0%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, transparent 0%,transparent 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='transparent',GradientType=0 ); /* IE6-9 */
background: white; /* Old browsers */
color:#6b46bc!important;
font-weight: 600;
text-transform:uppercase;}


.dashboard .huge {font-size: 30pt;line-height: 130%;}
.dashboard .uk-panel.statsblok {
	text-align: center;
	padding-top:10%;
	padding-bottom: 10%;
	cursor: pointer;
}

.loginpanel {color:white;border: 1px solid black;padding:5%;padding-top: 2%;padding-bottom: 2%;}
.loginpanel a {color:white;}
.loginpanel label {margin-bottom: 10px;display: inline-block;}
.grib-login-button {width: 100%;}
.loginpanel .checkbox label {background-color: transparent;line-height: 100%;}
.loginpanel .checkbox span { display:inline-block; }
.loginpanel .checkbox input	{vertical-align: middle;}


.grib-portal.loginpanel {color:#142A35;border: 1px solid black;padding:5%;padding-top: 2%;padding-bottom: 2%;background-color: #f4f4f4;}
.grib-portal.loginpanel a {color:#142A35;}
.grib-portal.loginpanel label {margin-bottom: 10px;display: inline-block;color:#142A35;}
.grib-portal .grib-login-button {width: 100%;background-color: #142A35;}
.grib-portal.loginpanel .checkbox label {background-color: transparent;line-height: 100%;}
.grib-portal.loginpanel .checkbox span { display:inline-block; }
.grib-portal.loginpanel .checkbox input	{vertical-align: middle;}
.grib-portal.loginpanel h2 {color:#142A35;}


/* .uk-button.uk-button-primary:hover {
	background-color: #374F5D;
} */
.uk-link, a {
    color: #142A35;
    text-decoration: none;
    cursor: pointer;
}
.uk-button-grib {border:none;
background-color: transparent!important;}
.f-color-red {
	color:#E73D6D;
}

.f-color-white {
	color:#FFF;
}

.list-borders {
	border:1px solid #142A35;
}

.red {background-color:#E73D6D;
}
.purple {background-color:#AC1FC8
}
.dark {background-color: #374F5D;
}
.blue {
	background-color: #5194CC;
}
.mint {background-color: #0f9e5b;
}
.uk-alert {padding:35px;font-size: 14pt;line-height: 140%;margin:0px!important;}
.profilepic {width: 40px;height: 40px;margin-top:5px;margin-bottom:5px!important;background-image: url(images/mikic.jpg);background-size: cover;float: left;border-radius: 50%;margin-left:5%;margin-right:2%;}
.dashboard .profilepic {width: 50px;height:50px;}
.gradient .profilepic	{width: 85px;height: 85px;}
/*ledenlijst opmaak*/
li.lid:hover {background-color:rgba(36,204,194,0.05)!important;}

/*STATISTIEKEN*/
.statsblok {
	border:0px solid #44c0bd;
	color:#44c0bd;
	background-color:white;
}
.statsblok:hover {
	  box-shadow:0px 0px 0px 2px #44c0bd inset;
}
.statsblok.active {
	  box-shadow:0px 0px 0px 2px #44c0bd inset;
}


.statsnav .uk-tab>li.uk-active>a {
    border-color: #44c0bd;
    border-bottom-color: #44c0bd;
    background: #f8f9fa;
    color: #44c0bd!important;

}
.statsnav .uk-tab li {background-color:transparent;}
.statsnav .uk-tab li a {color:#6b46bc;text-transform: uppercase;font-weight: 600;}
.statsnav .uk-tab-left {border-color:#44c0bd;}
.blockpanel {z-index: -1;display: none;}
.blockpanel:target {z-index: 1; display: block;}

.borderright {border-right: 0px solid  #142A35!important;}


.uk-pagination>li>a {
    background: #6b46bc ;
    color: #FFFFFF ;
}

.uk-pagination>.uk-active>span {
    background: #44c0bd ;
    color: #fff;
}

.uk-pagination>.uk-disabled>span {
    background-color: #ddd;
    color: #6b46bc ;
}

.uk-pagination>li>a, .uk-pagination>li>span {
    min-width: 23px;
    padding: 5px 5px;
    line-height: 20px;
    font-weight: 700;
    margin: 4px;
}

.uk-pagination>li>a:focus, .uk-pagination>li>a:hover {
    background: #44c0bd ;
    color: #fff;
    outline: 0;
}

.ui-widget-header {
    border: 1px solid #6b46bc !important;
    background: #6b46bc !important;
}

.f-size-20 {font-size:15pt;}

.memberportal .uk-dropdown {
    background-color: #000000;
}

.uk-dropdown {border:2px solid white;}
.uk-dropdown ul {margin-bottom: 0px;}
.uk-dropdown ul li a {color:#FFFFFF;}
.uk-dropdown ul li a:hover {background-color:rgba(20,42,53,0.5);}

.usermenu {
	margin-top: 46px;
    margin-right: 40px!important;
}
.usermenu a.upgrade {
	background-color: #6b46bc!important;
	border-top:1px solid white;
	border-bottom:1px solid white;
	font-weight: bold;
	margin-top:5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*zoekvelden opmaken*/
.uk-search-field {
	border:1px solid #4a89a4;
}
.uk-search-field:focus {
	background-color:#dff5f4!important;
	
	outline:none;
}

.uk-form label {
	display: block;
	clear:both;
	margin-bottom: 5px;
	color:#4790a6;
	font-weight: 600;
	font-size: 15px;
}
.uk-form-row {min-height: 65px!important;}
.uk-form h2 {padding-bottom: 20px;}
.uk-form h2:after {
	content: "";
	width: 50%;
	display: block;
	background-color: red;
	position: relative;
	height:3px;
background: #4787a4; 
top:10px;
background: -moz-linear-gradient(left, #4787a4 0%, #0f9e5b 100%); 
background: -webkit-linear-gradient(left, #4787a4 0%,#0f9e5b 100%);
background: linear-gradient(to right, #4787a4 0%,#0f9e5b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4787a4', endColorstr='#0f9e5b',GradientType=1 );
}
h2.line:after {
	content: "";
	width: 50%;
	display: block;
	background-color: red;
	position: relative;
	height:3px;
background: #4787a4; 
top:10px;
background: -moz-linear-gradient(left, #4787a4 0%, #0f9e5b 100%); 
background: -webkit-linear-gradient(left, #4787a4 0%,#0f9e5b 100%);
background: linear-gradient(to right, #4787a4 0%,#0f9e5b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4787a4', endColorstr='#0f9e5b',GradientType=1 );

}

.uk-button {background-color: #0f9e5b;}
.uk-button-small {padding-left: 10px!important;}
.uk-submit {
	background-color: #0f9e5b;
	color:white!important;
	border-radius: 20px!important;
}
.uk-submit:hover {
	background-color: #142a35;
	color:white!important;
}
.white {color:white!important;}




#camera {
  display: inline-block;
  background-color: none!important;
  width: 250px;
  height: 250px;
  margin: 0em;
  background-image: url(images/camera_placeholder.png);background-size: cover;
}

#camera .placeholder {
  padding: 0.5em;
}


.submenu {background-color: red;}
.f-color-white {color:#FFFFFF!important;}
/* Details */
.details h2 {padding-bottom: 20px;}
.details h2:after {
	content: "";
	width: 50%;
	display: block;
	background-color: red;
	position: relative;
	height:3px;
background: #4787a4; 
top:10px;
background: -moz-linear-gradient(left, #4787a4 0%, #0f9e5b 100%); 
background: -webkit-linear-gradient(left, #4787a4 0%,#0f9e5b 100%);
background: linear-gradient(to right, #4787a4 0%,#0f9e5b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4787a4', endColorstr='#0f9e5b',GradientType=1 );
}

/*opmaak subnavigatie onder andere op leden details*/
.subbalk {
    background-color: #F7F7F7 ;
}

.subbalk ul li a {
    color: #6b46bc ;
    text-transform: uppercase;
}

.uk-active ul li a {
    color: #fff!important;
    text-transform: uppercase;
}

.uk-active > a {
	color:white!important;
}

.subbalk ul li:hover a {
	color:white!important;
}

.subbalk ul li:hover {background-color: #0f9e5b!important;}
.subbalk ul {list-style-type:none;}

.submenu li.uk-active {background-color: #0f9e5b!important;}

/*opmaak subnavigatie onder andere op leden details*/
.subbalk-variant {background-color: #F7F7F7;padding-bottom: 10px;}
.subbalk-variant ul li {cursor:pointer;float:left;display:block;margin-right: 10px;color:white;list-style-type: none;min-height: 40px;padding:0px;}
.subbalk-variant ul li:hover {background-color:transparent!important;}
.subbalk-variant ul {list-style-type:none;}
.subbalk-variant ul li a {color:#6b46bc;text-transform: uppercase;display: block;;height: 100%;line-height: 30px;padding:10px;text-decoration: none;
border-bottom: 3px solid transparent;padding-bottom: 5px;font-weight: 700;
}
.subbalk-variant ul li:hover a {border-bottom: 3px solid #0f9e5b;} 

.subbalk-variant .submenu li.uk-active  {background-color: transparent!important;}
.subbalk-variant .submenu li.uk-active a  {border-bottom: 3px solid #0f9e5b;color:#0f9e5b!important;}

/*tabelopmaak*/
.table-responsive {
	background-color: white;
	padding: 20px;
}
.table-responsive table td {padding-right: 20px;}
table {width: 100%}
table td {padding-right: 20px;}
table th {padding-right: 20px;}

.uk-button-danger {background-color: #E73D6D;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-left: 20px;
padding-right: 20px;
}
.uk-badge-danger {
	background-color: #E73D6D;
}
address, blockquote, dl, fieldset, figure, ol, p, pre, ul {
    margin: 0 0 0 0;
}
tfoot {margin-top:20px;display: block;}
@media (max-width: 968px) {
	.uk-list-line>li:nth-child(n+2) {line-height: 50px;height: auto;}
	.profilepic {float:initial;margin:auto;margin-top:10px;}
	.borderright{border:none;}
}


.hide {
	display: none;
}

.table-header {
	font-family: 'Open Sans ExtraBold', sans-serif !important;
	text-transform: uppercase;
	color:white;	
}


.uk-list-line>li:nth-child(n+2) {
    border-top: 0px solid #ffffff;
    padding-top: 0px;
    margin-top: 10px;
    margin-left: 0px;
    line-height: 50px;
    min-height: 50px;
    background-color: #ffffff;
    margin-right: 0px;
}
.list-borders {
    border: 0px solid #ffffff;
}
.uk-list li.gradient {
    padding-top: 2%;
    padding-bottom: 2%;
    color: white;
}
.uk-list li.gradient .uk-grid div {border-right: 1px solid #efefef;}

.uk-list li.gradient .uk-grid div:last-child {border-right: 0px solid #efefef!important;}

/* TODO: remove borderright in list-views */
.borderright {
	border: 0px;
	border-right: 4px solid  #f9fafb;
}

.uk-search-field {
    border: 0px solid #fff;
}

.uk-search-field:focus {
    background-color: #fff!important;
    outline: none;
}

.uk-navbar-nav>li:hover >a {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
}


.uk-navbar-nav>li.uk-active>a {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);

}

 .uk-button.uk-button-primary:hover {
      background-color: rgba(0, 0, 0, 0.7);  
} 

.uk-list  .uk-button.uk-button-primary:hover {
      /*background-color:#0f9e5b!important;  */
} 
.uk-list .uk-button {
	width: 100%;
	max-width: 200px;
}

h1, h2, h3 ,h4, h5, h6  {
    color: #142A35 ;
}

.table-separated{border-collapse:separate;border-spacing:0 8px;width:100%}
.table-separated.table-striped tbody tr:nth-of-type(odd),
.table-separated.table-hover tbody tr:hover{background-color:#f9fafb }
.table-separated tbody tr{background-color:#fcfdfe ;-webkit-transition:.5s;transition:.5s}
.table-separated tbody tr>*:first-child{border-top-left-radius:0px;border-bottom-left-radius:0px}
.table-separated tbody tr>*:last-child{border-top-right-radius:0px;border-bottom-right-radius:0px}
.table-separated tbody tr th,
.table-separated tbody tr td{border-top:none}
.table-separated thead th {
    border-bottom: none;
    width: 30%;
}

.onwhitebutton:hover {
    background-color: rgba(107, 70, 188, 0.75)!important;
}


.subbalk ul li {
    cursor: pointer;
    float: left;
    margin-left: 10px;
    color: white;
    list-style-type: none;
    min-height: 100%;
    padding: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-weight: 600;
}
a:hover {
  text-decoration: none!important;
}

.uk-width-large-1-2 {margin-top:2%!important;}

.uk-badge {
    padding: 5px!important;
    font-size: 10pt;
    font-weight: 400;
    padding-left: 10px;
    padding-right:10px;
    border-radius: 5px;
}

#checkin_list_data {width: 100%!important;}
#checkin_list_data table td{background-color:white;line-height: 25px;padding-left: 7px;padding-right: 7px;}
#checkin_list_data table {width: 100%!important;}

.uk-modal-dialog {
    background-color: #F8F9FA;
}


/* ledenportaal */
.darkbg {
	background-color: #142A35 ;
}

.uk-button.uk-button-primary {
    background-color: #142A35 ;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
}



.statsblok {
	border:0px solid #44c0bd;
	color:#666666;
	background-color:white;
}
.statsblok:hover {
	  box-shadow:0px 0px 0px 2px #448ccb inset;
}
.statsblok.active {
	  box-shadow:0px 0px 0px 2px #448ccb inset;
}

.portaal-profilepic {width: 140px;height: 140px;margin-top:5px;margin-bottom:5px!important;background-image: url(images/mikic.jpg);background-size: cover;border-radius: 50%;}

h1,h2,h3,h4,h5 {
	color:#448ccb;
}

h2.line:after {
	content: "";
	width: 50%;
	display: block;
	position: relative;
	height:3px;
background:#666666;
top:10px;
}

.grib-ledenportaal-header {
    min-height: 300px;
}
.grib-ledenportaal-header h1 {text-shadow: 1px 1px #000000;
    line-height: 140px;
    padding-left: 40px;
    display: block;
    float: left;
}
.grib-ledenportaal-header .portaal-profilepic	{
	float: left;
}
.grib-ledenportaal-header h2 {text-shadow: 1px 1px #000000;color: #ffffff;font-style: italic;}
.grib-ledenportaal-header:after {
	content: "";
	position: absolute;
	top:0px;
	width: 100%;
	height: 100%;
	left:0px;
	background:rgba(0,0,0,0.2);
	z-index: 1;

}
.grib-bg-color-white {background-color: white;}
.grib-padding-20 {padding:30px;}
.uk-panel {
	border:#f4f4f4 2px solid;
}




.uk-pagination>li>a {
    background-color:#448ccb;
    color: #FFFFFF ;
}

.uk-pagination>.uk-active>span {
    background: #666666 ;
    color: #fff;
}

.uk-pagination>.uk-disabled>span {
    background-color: #ddd;
    color: #6b46bc ;
}

.uk-pagination>li>a, .uk-pagination>li>span {
    min-width: 23px;
    padding: 5px 5px;
    line-height: 20px;
    font-weight: 700;
    margin: 4px;
}

.uk-pagination>li>a:focus, .uk-pagination>li>a:hover {
    background: #666666 ;
    color: #fff;
    outline: 0;
}

.calendar-container {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 458px;
}

/*
agenda*/

    #calendar {
       
        margin: 0 auto;
    }
    .fc-event, .fc-event-dot {
background-color: #448ccb;
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid white;
}

    .leden-contain-image {
    	background-size: cover!important;background-position:center!important;
    	background-repeat: no-repeat!important;
    }


 .fc-bg.status-reserved {
 	background-color:#67CE6A!important;
 	opacity: 1;
 }
 .fc-bg.status-reserved-queue {
	background-color:#FF8B2C!important;
	opacity: 1;
}
 .fc-bg.status-inactive {
	background-color:#3a87ad!important;
	opacity: 0.3;
}
 .fc-bg.status-full {
 	background-color: #e73d6d!important;
 	opacity: 1;
 }
 .fc-event {
    position: relative;
    display: block;
    font-size: 1em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid white;
    padding: 5px;
}

.loader {
    z-index:5;
    position: fixed;
    top:45%;
    left:45%;
}

.loaderParent {
    z-index:100;
    position: fixed;
    top:0%;
    left:0%;
    width: 100%;
    height: 100%;
    text-align: center;
}
.loaderIcon {
    z-index:5;
    background-image: url('/images/loader.gif');
    background-color: transparent;
    background-repeat: no-repeat;
    position: fixed;
    top:45%;
    left:44%;
    width: 160px;
    height: 160px;
}
.loaderIcon > h3 {
    padding-top:70px;
}
@media screen and (min-width: 2500px) {
    .mobileMenu {
        display:none!important;
    }

    .usermenu {
        position: absolute;
        right: 1%;
        margin-top: 3%;
    }
}

@media screen and (min-width: 951px) and (max-width: 2499px) {
    .mobileMenu {
        display:none!important;
    }

    .usermenu {
        position: absolute;
        right: 1%;
        margin-top: 3%;
    }
}

@media screen and (min-width: 250px) and (max-width: 950px) {
    .mobileMenu {
        font-size: 2em!important;
        position: absolute;
        right: 5%;
        margin-top: 10%;
    }

    .usermenu {
        position: absolute;
        right: 30%;
        margin-top: 10%;
    }
}